<template>
  <div>
    <h4>并发症</h4>
    <el-row type="flex" justify="space-between">
      <el-col>
        <span>并发症</span>
        <div class="grid-content">
          <el-checkbox-group v-model="pgForm.bingfaz">
            <el-checkbox
              v-for="item in bingfaz"
              :key=item.val
              :label="item.val">
              {{ item.val }}
            </el-checkbox>
            <el-input v-model="pgForm.bingfaz_remark" placeholder="备注" style="width: 50%"></el-input>
          </el-checkbox-group>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "xfzzkfpgb_bingfaz",
  title: "并发症",
  created() {
    if (this.istrans) {
      this.pgForm = this.fromdata
    }
  },
  props: {
    fromdata: {},
    istrans: false,
  },
  data() {
    return {
      //并发症
      bingfaz: [{"val": "认知功能障碍", "text": ""},
        {"val": "言语功能障碍", "text": ""},
        {"val": "吞咽功能障碍", "text": ""},
        {"val": "二便功能障碍", "text": ""},
        {"val": "睡眠紊乱", "text": ""},
        {"val": "电解质紊乱", "text": ""},
        {"val": "深静脉血栓", "text": ""},
        {"val": "疼痛", "text": ""},
        {"val": "焦虑抑郁", "text": ""},
        {"val": "营养不良", "text": ""}],
      pgForm: {
        //并发症
        bingfaz: [],
        bingfaz_remark: '',
      },
    }
  },
}
</script>

<style scoped>
.el-row{
  margin: 10px 0;
  padding: 20px 20px;
  background-color: #f9f9f9;
  flex-wrap: wrap;
  flex-direction: row;
}

.el-checkbox-group{
  padding: 10px 20px;
}
.el-checkbox{
  display: block;
  margin-bottom: 15px;
}

</style>
